<template>
  <div class="table-body">
    <div class="table-body-box">
      <el-table
          ref="multipleTable"
          :data="arryList"
          :stripe="tableoption.tableStripe"
          :border="tableoption.tableBorder"
          tooltip-effect="dark"
          style="width: 100%"
          header-cell-class-name="table-text-c"
          cell-class-name="table-text-c">
        <el-table-column
            label="学生头像"
            width="100"
            :key="1">
          <template slot-scope="scope">
<!--            <viewerModle type="1" :imgSrc="scope.row.student.pic" v-if="scope.row.student"></viewerModle>-->
            <ImagePreview :src="scope.row.student?scope.row.student.pic:''" width="40px" height="40px"></ImagePreview>
          </template>
        </el-table-column>
        <el-table-column
            label="学生姓名"
            width="100"
            :key="2">
          <template slot-scope="scope">
            {{ scope.row.student ? scope.row.student.name : '--' }}
          </template>
        </el-table-column>
        <el-table-column
            label="班级"
            width="100"
            :key="3">
          <template slot-scope="scope">
            {{ scope.row.classes ? scope.row.classes.class_name : '--' }}
          </template>
        </el-table-column>
<!--        <el-table-column-->
<!--            label="现场图片"-->
<!--            width="100"-->
<!--            :key="4">-->
<!--          <template slot-scope="scope">-->
<!--            <viewerModle type="1" :imgSrc="scope.row.corner&&scope.row.corner.pic?scope.row.corner.pic:''"></viewerModle>-->
<!--          </template>-->
<!--        </el-table-column>-->
        <el-table-column
            label="区角名称"
            width="130"
            :key="5">
          <template slot-scope="scope">
            {{ scope.row.corner ? scope.row.corner.name : '未找到/已删除' }}
          </template>
        </el-table-column>
        <el-table-column
            label="采集人"
            width="120"
            :key="6">
          <template slot-scope="scope">
            {{ scope.row.user.realname }}
          </template>
        </el-table-column>
<!--        <el-table-column-->
<!--            label="采集类型"-->
<!--            width="120"-->
<!--            :key="7">-->
<!--          <template slot-scope="scope">-->
<!--            {{ scope.row.video ? '视频文字' : '图片文字' }}-->
<!--          </template>-->
<!--        </el-table-column>-->
        <el-table-column
            prop="create_time"
            label="采集时间"
            width="120"
            :key="9">
        </el-table-column>
        <el-table-column
            prop="classes"
            label="采集内容"
            :key="10"
        >
          <template slot-scope="scope">
            <viewerModle type="2" :imgSrc="scope.row.collectPic" v-if="scope.row.pic" :downsShow="true" @downs="downs"></viewerModle>
            <span class="showpicVideo" @click="showVideoSrc(scope.row.video)" v-if="scope.row.video">查看视频</span>
          </template>
        </el-table-column>
        <el-table-column
            prop="content"
            label="采集备注"
            :key="11"
            width="360">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "studentCollection",
  props: ['arryList','tableoption'],
  methods:{
    showVideoSrc(video){
      this.$emit('showvideo',video)
    },
    downs(option){
      this.$emit('downs', option)
    }
  }
}
</script>

<style scoped>

</style>
